<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>进度环</title>
    <link rel="stylesheet" href="./view/进度环/styles.css">
</head>
<body>
<!-- 进度环 Unnamed (Rectangle) -->
<div id="u9972" class="ax_default heading_1">
    <div id="u9972_div" class=""></div>
    <div id="u9972_text" class="text ">
        <p><span>Circle 进度环</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9973" class="ax_default heading_1">
    <div id="u9973_div" class=""></div>
    <div id="u9973_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9974" class="ax_default label">
    <div id="u9974_div" class=""></div>
    <div id="u9974_text" class="text ">
        <p><span>图表类组件。一般有两种用途：</span></p><p><span>&#149; 显示某项任务进度的百分比；</span></p><p><span>&#149; 统计某些指标的占比。</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u9975" class="ax_default" data-left="230" data-top="322" data-width="120" data-height="120">

    <!-- Unnamed (Ellipse) -->
    <div id="u9976" class="ax_default ellipse">
        <img id="u9976_img" class="img " src="assets/images/进度环/u9976.svg"/>
        <div id="u9976_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Pie Chart) -->
    <div id="u9977" class="ax_default ellipse">
        <img id="u9977_img" class="img " src="assets/images/进度环/u9977.svg"/>
        <div id="u9977_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u9978" class="ax_default ellipse">
        <img id="u9978_img" class="img " src="assets/images/进度环/u9978.svg"/>
        <div id="u9978_text" class="text ">
            <p><span>80%</span></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u9979" class="ax_default ellipse">
        <img id="u9979_img" class="img " src="assets/images/进度环/u9979.svg"/>
        <div id="u9979_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u9980" class="ax_default ellipse">
        <img id="u9980_img" class="img " src="assets/images/进度环/u9979.svg"/>
        <div id="u9980_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u9981" class="ax_default" data-left="390" data-top="322" data-width="120" data-height="120">

    <!-- Unnamed (Ellipse) -->
    <div id="u9982" class="ax_default ellipse">
        <img id="u9982_img" class="img " src="assets/images/进度环/u9976.svg"/>
        <div id="u9982_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Pie Chart) -->
    <div id="u9983" class="ax_default ellipse">
        <img id="u9983_img" class="img " src="assets/images/进度环/u9977.svg"/>
        <div id="u9983_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u9984" class="ax_default ellipse">
        <img id="u9984_img" class="img " src="assets/images/进度环/u9978.svg"/>
        <div id="u9984_text" class="text ">
            <p><span>80%</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u9985" class="ax_default" data-left="560" data-top="322" data-width="120" data-height="120">

    <!-- Unnamed (Ellipse) -->
    <div id="u9986" class="ax_default ellipse">
        <img id="u9986_img" class="img " src="assets/images/进度环/u9976.svg"/>
        <div id="u9986_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u9987" class="ax_default ellipse">
        <img id="u9987_img" class="img " src="assets/images/进度环/u9987.svg"/>
        <div id="u9987_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u9988" class="ax_default ellipse">
        <img id="u9988_img" class="img " src="assets/images/进度环/u9978.svg"/>
        <div id="u9988_text" class="text ">
            <p><span></span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u9989" class="ax_default" data-left="736" data-top="322" data-width="120" data-height="120">

    <!-- Unnamed (Ellipse) -->
    <div id="u9990" class="ax_default ellipse">
        <img id="u9990_img" class="img " src="assets/images/进度环/u9976.svg"/>
        <div id="u9990_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Pie Chart) -->
    <div id="u9991" class="ax_default ellipse">
        <img id="u9991_img" class="img " src="assets/images/进度环/u9991.svg"/>
        <div id="u9991_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u9992" class="ax_default ellipse">
        <img id="u9992_img" class="img " src="assets/images/进度环/u9978.svg"/>
        <div id="u9992_text" class="text ">
            <p><span></span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u9993" class="ax_default" data-left="230" data-top="496" data-width="285" data-height="285">

    <!-- Unnamed (Ellipse) -->
    <div id="u9994" class="ax_default ellipse">
        <img id="u9994_img" class="img " src="assets/images/进度环/u9994.svg"/>
        <div id="u9994_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Pie Chart) -->
    <div id="u9995" class="ax_default ellipse">
        <img id="u9995_img" class="img " src="assets/images/进度环/u9995.svg"/>
        <div id="u9995_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u9996" class="ax_default ellipse">
        <img id="u9996_img" class="img " src="assets/images/进度环/u9996.svg"/>
        <div id="u9996_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u9997" class="ax_default" data-left="312" data-top="587" data-width="122" data-height="103">

    <!-- Unnamed (Rectangle) -->
    <div id="u9998" class="ax_default label">
        <div id="u9998_div" class=""></div>
        <div id="u9998_text" class="text ">
            <p><span>42,001,776</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u9999" class="ax_default label">
        <div id="u9999_div" class=""></div>
        <div id="u9999_text" class="text ">
            <p><span>消费人群规模</span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u10000" class="ax_default line">
        <img id="u10000_img" class="img " src="assets/images/进度环/u10000.svg"/>
        <div id="u10000_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u10001" class="ax_default label">
        <div id="u10001_div" class=""></div>
        <div id="u10001_text" class="text ">
            <p><span>占总人数 75%</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u10002" class="ax_default" data-left="582" data-top="579" data-width="120" data-height="120">

    <!-- Unnamed (Pie Chart) -->
    <div id="u10003" class="ax_default ellipse">
        <img id="u10003_img" class="img " src="assets/images/进度环/u10003.svg"/>
        <div id="u10003_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Pie Chart) -->
    <div id="u10004" class="ax_default ellipse">
        <img id="u10004_img" class="img " src="assets/images/进度环/u10004.svg"/>
        <div id="u10004_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u10005" class="ax_default ellipse">
        <img id="u10005_img" class="img " src="assets/images/进度环/u9978.svg"/>
        <div id="u10005_text" class="text ">
            <p><span>80%</span></p>
        </div>
    </div>
</div>
</body>
</html>
